<!DOCTYPE html>
<html>
  <head>
    <title>${article.title}</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
	  <link rel="stylesheet" href="${s.base}/mobile/base/css/base.css">
	  <link rel="stylesheet" href="${s.base}/mobile/base/css/component.css">
	  <link rel="stylesheet" href="${s.base}/mobile/base/css/weui.min.css">
	  <link rel="stylesheet" href="${s.base}/mobile/base/css/jquery-weui.css">
    <style type="text/css">
		.weui-article {
			padding: 2px 15px;
		}
.xyg-comp-article{width:96%; height:auto; background:#FFF; margin:0.2rem 1%;border-radius:0.2rem; padding:0.5rem 1%;}
		.xyg-comp-article .xyg-comp-article-title{width:98%; height:auto; text-align: center; line-height:1rem; margin:0.2rem 1%;font-size: 16px; font-weight: bold; color: #8e8e8e;}
		.xyg-comp-article .xyg-comp-article-desc{width:98%; height:auto; margin:0.8rem 1%;}
		.xyg-comp-article .xyg-comp-article-desc .xyg-comp-article-desc-left{width:50%; height:auto;float: left;}
		.xyg-comp-article .xyg-comp-article-desc .xyg-comp-article-desc-left .xyg-comp-article-desc-left-name{width:3.4rem; height:1rem; line-height:1rem; background: #d12926; color: #ffffff; font-size: 14px; text-align: center;}
		.xyg-comp-article .xyg-comp-article-desc .xyg-comp-article-desc-right{width:50%; height:auto;float: left;}
		.xyg-comp-article .xyg-comp-article-desc .xyg-comp-article-desc-right .xyg-comp-article-desc-right-time{width:100%; text-align: right;color: #b5b5b5; font-size: 14px;}
		.xyg-comp-article .xyg-comp-article-content{width:98%; height:auto;padding:0.2rem 1%; min-height: 26rem;}
	</style>
  </head>
  <body>
  <div class="xyg-comp-article">
  	<div class="xyg-comp-article-title">
		${article.title}
  	</div>
  	<div class="xyg-comp-article-desc">
		<#if article.author?default("")?trim?length gt 1>
			<div class="xyg-comp-article-desc-left">
				<div class="xyg-comp-article-desc-left-name">${article.author}</div>
			</div>
			<div class="xyg-comp-article-desc-right">
				<div class="xyg-comp-article-desc-right-time">${article.createTime?string('yyyy年MM月dd日')}</div>
			</div>

			<#else>
				<div class="xyg-comp-article-desc-right" style="width: 100%; text-align: center;">
					<div class="xyg-comp-article-desc-right-time" style="width: 100%; text-align: center;">${article.createTime?string('yyyy年MM月dd日')}</div>
				</div>
		</#if>
		<div class="clearBoth"></div>
  	</div>

  	<div class="xyg-comp-article-content">
  		<article class="weui-article">
			${article.content}
		</article>
		</div>
  </div>

  </body>
  <script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
  <script src="${s.base}/mobile/base/js/jquery-2.1.4.js"></script>
  <script src="${s.base}/mobile/base/js/jquery-weui.js"></script>

</html>

